import {createRouter,createWebHashHistory} from 'vue-router'
import layout from '@/views/layout/index.vue'
import Home from '@/views/home/index.vue'
const router = createRouter({
    history:createWebHashHistory(),
    routes:[
        {
            path:'/',
            component:layout,
            children:[
                {
                    path:'',
                    component:Home
                },
                {
                    path:'category/:id',
                    component:()=> import("@/views/category/index.vue")
                },
                {
                    path:'category/sub/:id',
                    component:()=> import("@/views/category/sub.vue")
                },
                {
                    path:'goods/:id',
                    component:()=> import("@/views/goods/index.vue")
                },
                {
                    path:'cart',
                    component:()=> import("@/views/cart/index.vue")
                }
            ]
        },
        {
            path:'/login',
            component:()=>import("@/views/login/index.vue")
        },
        {
            path:'/playground',
            component:()=>import("@/views/playground/index.vue")
        }
    ],
    scrollBehavior(to, from, savedPosition) {
        // 始终滚动到顶部
        return { top: 0 }
    },
})

export default router